<template>
    <textarea v-model="content" class="edit_body" ></textarea>
</template>

<script lang="ts" setup>
import { ref , watch} from 'vue';
import { useMainStore } from "@/store/index";
const MainStore = useMainStore();
const content = ref('')
content.value = MainStore.state.noteContent ;
watch(content,(newValue,oldValue)=>{
    MainStore.state.noteContent = newValue ;
})


</script>

<style lang="scss" scoped>
.edit_body{
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    resize: none;
    font-size: 16px;
    font-family: '微软雅黑';
    padding: 10px;
    box-sizing: border-box;
    background-color: #f6f6f6;
    color: #333;
    line-height: 1.5;
    overflow-y: auto;
}
</style>